<f:view xmlns:f="http://java.sun.com/jsf/core">
	<ui:composition xmlns="http://www.w3.org/1999/xhtml"
		xmlns:f="http://java.sun.com/jsf/core"
		xmlns:h="http://java.sun.com/jsf/html"
		xmlns:ui="http://java.sun.com/jsf/facelets"
		xmlns:p="http://primefaces.org/ui">

		<p:dataTable style="margin:10px;" id="dataTable" var="ordenProd"
			value="#{ordenProdMB.ordenesProd}"
			rowStyleClass="#{ordenProd.estadoProduccion.id == 13 ? 'success' : ''}
				#{(ordenProd.estadoProduccion.id != 13 and (ordenProd.fechaEntrega.getTime() - ordenProdMB.currentDate.getTime()) lt 0) ? 'danger':'' }
				#{(ordenProd.estadoProduccion.id != 13 and (ordenProd.fechaEntrega.getTime() - ordenProdMB.currentDate.getTime()) lt (1000*60*60*24*3)) ? 'warning':'' }
			"
			emptyMessage="No se han encontrado ordens de producción"
			filteredValue="#{ordenProdMB.filteredOrdenProds}" paginator="true"
			selectionMode="single" rowsPerPageTemplate="5,10,15"
			rowKey="#{ordenProd.id}" selection="#{ordenProdMB.selectedOp}"
			rows="5" paginatorPosition="bottom">

			<p:ajax event="rowSelect" listener="#{ordenProdMB.rowSelected}" />
			<p:ajax event="rowUnselect" listener="#{ordenProdMB.rowUnselected}" />
			<p:column style="width:2%">
				<p:rowToggler />
			</p:column>
			<p:column id="idOrden" filterBy="#{ordenProd.id}"
				sortBy="#{ordenProd.id}" headerText="N OP"
				filterMatchMode="contains">
				<h:outputText value="#{ordenProd.id}" />
			</p:column>
			<p:column id="pedidoNroCol" filterBy="#{ordenProd.pedidoVenta.id}"
				sortBy="#{ordenProd.pedidoVenta.id}" headerText="Pedido N"
				filterMatchMode="contains">
				<h:outputText value="#{ordenProd.pedidoVenta.id}" />
			</p:column>
			<p:column id="yearColumn" filterBy="#{ordenProd.item.codigo}"
				sortBy="#{ordenProd.item.codigo}" headerText="Articulo">
				<h:outputText value="#{ordenProd.item.codigo}" />
			</p:column>
			<p:column id="catnCol" filterBy="#{ordenProd.cantidad}"
				sortBy="#{ordenProd.cantidad}" headerText="Cant"
				filterMatchMode="contains">
				<h:outputText value="#{ordenProd.cantidad}" />
			</p:column>
			<p:column id="stateCol"
				filterBy="#{ordenProd.estadoProduccion.descripcion}"
				headerText="Estado" filterMatchMode="exact"
				sortBy="#{ordenProd.estadoProduccion.descripcion}">
				<h:outputText value="#{ordenProd.estadoProduccion.descripcion}" />
			</p:column>
			<p:column id="fechaEntrega" filterBy="#{ordenProd.fechaEntrega}"
				headerText="Ent." filterMatchMode="exact"
				sortBy="#{ordenProd.fechaEntrega}">
				<h:outputText value="#{ordenProd.fechaEntrega}" />
			</p:column>
			<p:rowExpansion>
				<p:panelGrid styleClass="table table-bordered table-striped">
					<p:row>
						<p:column styleClass="tableNoGrid">
							<p:panelGrid>
								<p:row>
									<p:column>
										<h:outputText style="font-weight: bold;"
											value="Descripcion del Articulo"></h:outputText>
									</p:column>
									<p:column>
										<h:outputText style="" value="#{ordenProd.item.descripcion}"></h:outputText>
									</p:column>
								</p:row>
							</p:panelGrid>
						</p:column>
					</p:row>
				</p:panelGrid>
			</p:rowExpansion>
		</p:dataTable>
	</ui:composition>
</f:view>